<template>
  <div>
    <div class="banner">
      <h1>入市须知</h1>
    </div>
    <div class="cont">
      <p class="title">开户须知</p>
      <p class="subTitle">风险提示</p>
      <p>高风险投资警告：市场有风险，投资需谨慎。金融市场的保证金交易存在较高风险，未必适合所有投资者，增大杠杆意味着高风险与高收益并存。您需要知晓金融市场的保证金交易具有全部或者部分亏损的可能。在您决定交易之前，必须确认投资目标、投资经验及风险承受能力，并且选择适合自己的投资方式。请确保您完全理解所涉及的风险，如果有必要请寻求独立财务顾问寻求建议。</p>
      <p>High risk investment warns: the market is risky, and the investment needs to be cautious. There is a high risk in the margin trading of the financial market, which is not necessarily suitable for all investors. The increase of leverage means that high risk and high profit coexist. You need to know that the margin transaction in the financial market has the possibility of a total or partial loss. Before you decide the transaction, you must identify the investment goals, the investment experience and the risk tolerance, and choose the appropriate way of investing. Please make sure that you fully understand the risks involved and, if necessary, seek an independent financial adviser for advice.</p>
      <p class="tip">开户</p>
      <p>免费开设一个外汇及差价合约账户,只需点击几下鼠标。</p>
      <p class="step step1"></p>
      <p class="step step2"></p>
      <p class="step step3"></p>
      <p class="btn"><a href="http://trader.ukdfx.com/register">立即开户</a></p>
    </div>
  </div>
</template>

<style lang="stylus" rel="stylesheet/stylus" scoped>
@import './../../common/stylus/mixin'
  .banner
    width: 100%
    height: 200px
    background: url("../../../static/images/banner.jpg") no-repeat
    background-size: 100% 100%
    padding-top:116.5px
    padding-left:40px
    box-sizing: border-box
    h1
      font-size: 20px
      color: #fff
  .cont
    padding: 0 18px
    p
      color: #333
      font-size: 14px
      text-align: justify
      &.title
        font-size: 18px
        color: #ff9c00
        margin: 20px 0 20px 0
        font-weight: bold
      &.subTitle
        font-size: 16px
        color: #333
        margin: 20px 0 20px 0
        font-weight: bold
      &:nth-child(4)
        margin-bottom: 20px
      &.tip
        font-size: 16px
        text-align: center
        font-weight: bold
        margin-bottom: 15px
      &.step
        width: 250px
        height: 110px
        margin: 0 auto
        margin-top: 20px
      &.step1
        bg-image('./img/1')
      &.step2
        bg-image('./img/2')
      &.step3
        bg-image('./img/3')
      &.btn
        width: 339px
        height: 43px
        line-height: 43px
        border-radius: 2.5px
        text-align: center
        background-color: #ffcc00
        font-family: "苹方"
        font-size: 12px
        color: #333
        margin: 20px auto
        a
          color: #333
</style>

